import React, { Component } from 'react';
// 子传父其实也是父传子
// 在父组件调用子组件的地方，添加一个自定义的属性 fn，
// 该属性的值是一个函数，该函数由父组件设定，该函数的默认值就是子组件需要传递给父组件的值

// 在子组件的某一个事件内部，通过this.props.自定义属性(参数)完成值的传递
class Child extends Component {
  state = {
    msg: 'child'
  }
  render() {
    return (
      <div>
        <button onClick = { () => {
          this.props.fn('100000')
        }}>传递数据给父组件</button>  
      </div>
    );
  }
}

export default class App extends Component {
  getData = (val) => {
    console.log(val)
  }
  render() {
    return (
      <div>
        <Child fn = { this.getData }/>
      </div>
    );
  }
}
